<!DOCTYPE html>
<html class="no-js login" lang="en">
<head>
    <meta charset="utf-8">
    <title>Bắt Đầu - Quản Lý Đề Thi</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="css/images/favicon.png">
    <?php

    		echo $this->Html->css(array('twitter/bootstrap','base','twitter/responsive','jquery-ui-1.8.23.custom','login'));
    		echo $this->Html->script('plugins/modernizr.custom.32549');
    		echo '<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
                  <!--[if lt IE 9]>
                        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
                        <![endif]-->';
    		echo $this->fetch('meta');
    		echo $this->fetch('css');
    		echo $this->fetch('script');
    	?>
    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

</head>
<body>
<div id="login_page">
    <!-- Login page -->
    <div id="login">
        <div class="row-fluid fluid">
            <div class="span5"> <div id='win8'></div></div>
            <div class="span7">
                <div class="title">
                    <span class="name">Login</span>
                    <span class="subtitle">Locked</span>
                </div>


               <?php echo $this->fetch('content'); ?>

            </div>
        </div>
    </div>
    <!-- End #login -->
    <!-- <img src="img/ajax-loader.gif"> -->
</div>
<!-- End #loading -->

<!-- Le javascript
    ================================================== -->
<!-- Placed at the end of the document so the pages load faster -->

<!-- Flip effect on login screen -->


<?php
      echo $this->Html->script(array('jquery',
        'plugins/jquerypp.custom',
        'plugins/jquery.bookblock',
        'plugins/jquery.uniform.min',
      ));



?>

<script type="text/javascript">
    $(function() {
        var Page = (function() {

            var config = {
                        $bookBlock: $( '#bb-bookblock' ),
                        $navNext  : $( '#bb-nav-next' ),
                        $navPrev  : $( '#bb-nav-prev' ),
                        $navJump  : $( '#bb-nav-jump' ),
                        bb        : $( '#bb-bookblock' ).bookblock( {
                            speed       : 800,
                            shadowSides : 0.8,
                            shadowFlip  : 0.7
                        } )
                    },
                    init = function() {

                        initEvents();

                    },
                    initEvents = function() {

                        var $slides = config.$bookBlock.children(),
                                totalSlides = $slides.length;

                        // add navigation events
                        config.$navNext.on( 'click', function() {
                            $("#arrow_register").fadeOut();
                            $(".not-member").slideUp();
                            $(".already-member").slideDown();
                            config.bb.next();
                            return false;

                        } );

                        config.$navPrev.on( 'click', function() {

                            $(".not-member").slideDown();
                            $(".already-member").slideUp();
                            config.bb.prev();
                            return false;

                        } );

                        config.$navJump.on( 'click', function() {

                            config.bb.jump( totalSlides );
                            return false;

                        } );

                        // add swipe events
                        $slides.on( {

                            'swipeleft'   : function( event ) {

                                config.bb.next();
                                return false;

                            },
                            'swiperight'  : function( event ) {

                                config.bb.prev();
                                return false;

                            }

                        } );

                    };

            return { init : init };

        })();

        Page.init();

    });
</script>
<script type='text/javascript'>

    $(window).load(function() {
        $('#loading1').fadeOut();
    });
    $(document).ready(function() {
        $("input:checkbox, input:radio, input:file").uniform();


        $('[rel=tooltip]').tooltip();
        $('body').css('display', 'none');
        $('body').fadeIn(500);

        $("#logo a, #sidebar_menu a:not(.accordion-toggle), a.ajx").click(function() {
            event.preventDefault();
            newLocation = this.href;
            $('body').fadeOut(500, newpage);
        });
        function newpage() {
            window.location = newLocation;
        }
    });



</script>

</body>
</html>